const theme = {
	colors: {
		primary: {
			500: "hsl(170, 100%, 30%)",
		},
		secondary: {
			500: "hsl(170, 100%, 40%)",
		},
		gray: {
			100: "hsl(0, 0%, 10%",
		},
		white: "hsl(0, 0%, 100%)",
		black: "hsl(0, 0, 0)",
	},
	shadows: {
		default: "0 0 20px rgb(0, 0, 0, 0.1)",
	},
	radii: {
		none: "0",
		sm: "0.125rem",
		default: "0.25rem",
		md: "0.375rem",
		lg: "0.5rem",
		xl: "0.75rem",
		"2xl": "1rem",
		"3xl": "1.5rem",
		full: "9999px",
	},
	spacings: {
		0.5: "0.125rem",
		1: "0.25rem",
		1.5: "0.375rem",
		2: "0.5rem",
		2.5: "0.625rem",
		3: "0.75rem",
		3.5: "0.875rem",
		4: "1rem",
		5: "1.25rem",
		6: "1.5rem",
		7: "1.75rem",
		8: "2rem",
		9: "2.25rem",
		10: "2.5rem",
		11: "2.75rem",
		12: "3rem",
		14: "3.5rem",
		16: "4rem",
		20: "5rem",
		24: "6rem",
		28: "7rem",
		32: "8rem",
		36: "9rem",
		40: "10rem",
		44: "11rem",
		48: "12rem",
		52: "13rem",
		56: "14rem",
		60: "15rem",
		64: "16rem",
		72: "18rem",
		80: "20rem",
		96: "24rem",
	},
};

export default theme;
